<route lang="json">
{
  "meta": {
    "title": "t(IM)"
  }
}
</route>
<script setup lang="ts">
import { _require } from "@@/utils/tools/index";
import { useInView } from "@@/hooks/toolsHooks";
import { inTopGroup } from "@@/common/js/animation";

const { vInView } = useInView();
</script>

<template>
  <CpageView>
    <!-- 一栏 -->
    <ElRow class="ML-xxl" :justify="'space-between'" :align="'middle'">
      <ElCol :xs="24" :span="10">
        <div
          v-in-view:once="(e) => inTopGroup(e.target)"
          class="MR-lg auto-MT-sm"
        >
          <h1>
            <span in-top>Illuminati<span>&nbsp;</span></span>
            <span in-top>Markets<span>&nbsp;</span></span>
            <span class="T-M1" in-top>(IM)</span>
          </h1>
          <p class="T-strong" in-top>
            IM has an industry-leading and innovative trading platform that
            ensures that our clients can make money in an outstanding trading
            environment.
          </p>
          <p class="T-weak" in-top>
            They are committed to providing a quality trading experience that
            benefits their clients. By constantly advancing the development of
            technology and platforms, IM provides traders with advanced tools
            and features to better understand and respond to market changes,
            thereby enhancing the potential for trading success.
          </p>
          <p class="T-strong" in-top>
            IM's regulatory body guarantees its compliance with the regulations
            and standards of the financial industry, enabling clients to trust
            and rely on their services.
          </p>
          <p class="T-weak" in-top>
            Whether in Canada or Australia, IM conducts its business in a
            professional and transparent manner, providing a safe and secure
            trading environment.
          </p>
        </div>
      </ElCol>
      <ElCol :xs="24" :span="14">
        <ElImage
          class="part-1_image"
          :src="_require('src/assets/images/desplay/14.jpg')"
          :fit="'cover'"
        />
      </ElCol>
    </ElRow>
    <div v-in-view:once="(e) => inTopGroup(e.target)" class="Mrow-xxl MT-xl">
      <h2 class="T-A-C">
        <span class="T-M1" in-top>Certified<span>&nbsp;</span></span>
        <span in-top>by<span>&nbsp;</span></span>
        <span in-top>authoritative<span>&nbsp;</span></span>
        <span in-top>regulatory<span>&nbsp;</span></span>
        <span in-top>agencies</span>
      </h2>
      <ElRow :justify="'space-between'" :align="'middle'">
        <ElCol class="T-A-C" :span="12">
          <ElImage
            in-top
            :src="_require('src/assets/images/mini/medal_6.png')"
            style="width: 150rem"
          />
          <p in-top class="T-weak MT-sm">
            <span class="T-M1 T-strong">Illuminati Markets</span> is dual
            regulated by FINTRAC
            <span class="T-M1 T-strong">
              (Financial Transactions and Reports Analysis Centre)
            </span>
            Canada and the Australian Securities and Investments Commission
            (ASIC).
          </p>
        </ElCol>
        <ElCol class="T-A-C" :span="12">
          <ElImage
            in-top
            :src="_require('src/assets/images/mini/medal_7.png')"
            style="width: 150rem"
          />
          <p in-top class="T-weak MT-sm">
            <span class="T-M1 T-strong">IM's</span> regulatory body guarantees
            its compliance with the regulations and standards of the financial
            industry, enabling clients to trust and rely on their services.
            Conduct business in a professional and transparent manner, providing
            security authority for
            <span class="T-M1 T-strong">regulatory certification</span> and a
            <span class="T-M1 T-strong">reliable</span>
            trading environment.
          </p>
        </ElCol>
      </ElRow>
    </div>
  </CpageView>
</template>

<style lang="scss" scoped></style>
